:root {
    --themeColor: #006db8;
    --mainRedColor: #bc2429;
  }
  body,html{
    margin:0;
    padding:0;
    top:0;
    bottom:0;
    // width:100%;
    height: 100%;
  }
  #app{
    margin:0;
    padding:0;
    top:0;
    bottom:0;
    width:100%;
    height: 100%
  }

  .el-button--default:focus {
    background-color:#fff;
    border: 1px solid #DCDFE6;
    /* color: #606266; */
  }

  .el-button--success,
  .el-button--primary,
  .el-button--primary:focus,
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color:#006db8;
    border-color:#006db8;
  }
  .el-button--success:focus, .el-button--success:hover {
    background-color:#66b1ff;
    border-color:#66b1ff;
  }
  .el-button--danger,
  .el-button--danger:focus,
  .el-message-box__btns button:nth-child(2)
  {
    background-color: var(--mainRedColor);
    border-color: var(--mainRedColor);
  }
  /* 开关的样式start */
  .el-switch.is-checked .el-switch__core {
    background-color:#006db8;
    border-color:#006db8;
  }
  .el-switch__label.is-active {
    color:#006db8;
  }
  /* 开关的样式end */
  #con{
      height:100%;

  }
  .el-table .warning-row {
    background: #f5f8fb;
  }
  .el-menu{
      border-right:solid 1px #E4F7F5 !important
  }
  .tabstyle,.tabstyle2{
    width:100%;min-height:30em;max-height:100%;
    border-radius: .2rem
  }
  .tabstyle2 {
    min-height: 280px;
    /* max-height: 200px; */
  }
  .block{
    display: block;
  }
  .el-aside{
    width: 220px !important;
    height: 90%;
    box-shadow:1px 0 2px 1px rgba(0, 0, 0, 0.1);
  }
  .el-main{
    padding:0 !important;
    background-color: #f3f5f5;
  }
  .el-header{
    padding: 0 !important;
    /* max-height: 55px !important; */
    height: auto !important;
  }
  .tbar{
    position: fixed;
    width: 100%;
    z-index: 5;
    // background-color: white;
    padding-left:1rem;
    font-weight: 700;
    background-color: #f0f3f5;
    box-shadow: 0px 2px 16px 0px
		rgba(0, 0, 0, 0.1);
    // box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  }
  .page {
    margin-top: 4rem;
  }
  .page2 {
    margin-top: 3rem;
  }
  .content{
    background-color: #f2f4f5;
    height: inherit;
  }
  a{
    text-decoration: none
  }
      /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar
  {
      width: 8px;
      height: 8px;
      background-color: #FCFCFC;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track
  {
    -webkit-box-shadow: inset 0 0 1px #8B8B8B;
    background-color: #FCFCFC;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb
  {
      -webkit-box-shadow: inset 0 0 1px #8B8B8B;
      background-color: #D6D6D6;
      // background-color: #006db8;
  }

  .el-tabs__header{
      background-color: white !important;
      padding-top:.5rem !important;
      margin:0 !important;
  }
  .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
      font-weight: 700;
  }
  /* .el-input-group__append, .el-input-group__prepend {
    background-color: #00ac90;
    border-color: #00ac90;
  } */
    /* .el-input-group__append button.el-button,
    .el-input-group__append div.el-select .el-input__inner,
    .el-input-group__append div.el-select:hover .el-input__inner,
    .el-input-group__prepend button.el-button,
    .el-input-group__prepend div.el-select .el-input__inner,
    .el-input-group__prepend div.el-select:hover .el-input__inner {
    background-color: #00ac90;
    border-color: #00ac90;
    color: #fff;
  } */
  /* 表格内能跳转的文字 */
  .canJump {
    text-decoration: underline;
    color: #006db8;
    cursor: pointer;
  }
  .el-dialog__header, .el-drawer__header{
    border-bottom: 2px solid #006db8;
  }
  .el-dialog__body {
    padding-bottom: 30px;
  }
  .el-drawer__header {
    padding: 10px;
    margin-bottom: 0;
  }
  .el-drawer__body {
    padding: 15px;
    padding-top: 0;
  }
  /* tab标签页 */
  .el-tabs__item.is-active,
  .el-tabs__item:hover {
    color: #006db8;
  }
  .el-tabs__active-bar {
    background-color: #006db8;
  }
  textarea {
    font-family: $def-font;
  }
  /* 单选按钮组 */
  .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #006db8;
    border-color: #006db8;
  }
  .el-radio-button__inner:hover {
    color: #006db8;
  }
  /* 选项卡选中状态 */
  .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,
  .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #006db8;
  }

  .font-size14 {
    font-size: 14px;
  }
  .font-color333 {
    color: #333;
  }
  /* 状态显示 */
  .green-circle,
  .red-circle,
  .orange-circle,
  .blue-circle,
  .grey-circle
  {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin-right: 5px;
      background-color: #129a9a;
  }
  .red-circle {
      background-color: var(--mainRedColor);
  }
  .orange-circle{
      background-color: #d96914;
  }
  .blue-circle {
      background-color: var(--themeColor);
  }
  .grey-circle {
      background-color: #999999;
  }

  .icon-normal-style {
    color: var(--themeColor);
    cursor: pointer;
    margin: 0 5px;
  }

  .cursor {
    cursor: pointer;
  }

// 滚动条
// ::-webkit-scrollbar {
//     width: 18px;
//     height: 8px;
// }

// ::-webkit-scrollbar-thumb {
//     border-radius: 20px;
//     border: 6px solid rgba(0, 0, 0, 0);
//     box-shadow: 8px 0 0 #c1c1c1 inset;
// }

// ::-webkit-scrollbar-thumb:hover {
//     box-shadow: 8px 0 0 #c1c1c1 inset;
// }



  @media screen and (min-width:1920px) {
    /* .el-aside{
      height: 1008px;
    } */
  }
